<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>关于我们</title>

    <style type="text/css">
        ul#nav {
            width: 100%;
            height: 100px;
            margin: 10px auto
        }

        ul#nav li {
            display: inline;
            height: 60px
        }

        ul#nav li a {
            display: inline-block;
            padding: 0 40px;
            height: 60px;
            line-height: 60px;
            color: #FFF;
            font-family: "\5FAE\8F6F\96C5\9ED1";
            font-size: 16px
        }

        ul#nav li a:hover {
            background: #080808
        }
    </style>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/userpage.css">
</head>
<body style="background-color: #121212;">
<!-- 导航栏 -->
<div class="row" style="margin-bottom: -50px;" id="menu">
    <div class="col-md-8" >
        <ul id="nav">
            <li><a href="/userPage">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="../pages/order.html">我的订单</a></li>
        </ul>
    </div>
    <div class="col-md-4" style="margin-top: 20px">
        <span class="text-right f20 text-64" id="judgeLogin" ></span>
    </div>
</div>
<div class="row" style="height: 232px;background-image: url(../images/333.png);"></div>
<!-- 关于我们的介绍 -->
<div class="row" style="height: 466px;background-image: url(../images/444.png);">
    <div class="row" style="text-align: center;margin-top: 100px;">
        <font face="思源黑体 CN Light, 微软雅黑" style="font-size: 20px; color: #e9ecef;">About Our</font>
    </div>
    <div class="row">
        <div class="col-md-4 " style="color: #E9ECEF;text-align: right;">
            <img src="../images/company.png" style="height: 320px;width: 300px;">
        </div>
        <div class="col-md-8" style="color: #E9ECEF; margin-top: 60px">
            <div class="col-sm-1"></div>
            <div class="col-sm-9" style="margin-right: 20px;">
                <p style="font-size: 16px;">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span style="font-size: 20px;font-weight: bold;">星辰大海吊装租赁公司</span>本公司有8吨-150吨各种吨位汽车吊、履带吊多台。
                    长年服务于机器设备搬运、吊装、大型疑难机器进厂移位、钢结枃房安装、
                    桩杋搬场、预制桩驳运、塔吊拆装、森树移植、等大型货车叉车服务。
                </p>
                <p style="margin-top: 15px;font-size: 16px;">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    公司拥有一批精锐的吊装专业化管理和技术操作队伍,多年的服务经验,具有良好的市场信誉。
                    公司奉行"<span style="font-size: 20px;font-weight: bold;">以人为本,安全高效</span>"的经营宗旨,坚持信守合同,以“诚信第一服务最优,让利最多"的经营理念,
                    把先进设备同科学的管理经验相结合,为客户提供更科学,更规范的专业化服务。
                </p>
            </div>

            <div class="col-sm-2"></div>
        </div>
    </div>
</div>
<!-- 联系我们 -->
<div class="row" style="height: 708px;background-image: url(../images/555.png);">
    <div class="row" style="text-align: center;margin-top: 90px;">
        <font face="思源黑体 CN Light, 微软雅黑" style="font-size: 20px; color: #E9ECEF;">联系我们</font>
    </div>
    <div class="container">
        <div class="row" style="height: 275px;margin-top: 125px;">
            <div class="col-md-3">
                <img src="../images/666.png" width="250px"/>
            </div>
            <div class="col-md-3">
                <img src="../images/777.png" width="250px"/>
            </div>
            <div class="col-md-3">
                <img src="../images/888.png" width="250px"/>
            </div>
            <div class="col-md-3">
                <img src="../images/999.png" width="250px"/>
            </div>
        </div>
    </div>

</div>
</body>
<!-- 尾部 -->

<div id="gridFooter" class="jz_web_footer g_footer" style="background-color: #121212;margin-top: 20px;margin-bottom: 20px;">
    <div class='jz_web_row_line jz_web_row_line_pc1 '>
        <div id='row4' class='jz_web_row jz_web_row1 jz_web_row_mobi1 jz_section_row'>
            <div class='jz_web_row__content '>
                <div class='jz_web_col jz_web_col0' _index=0>
                    <div class='web_col_content'>
                        <div class='s_footer'>
                            <p class='s_footer_copyright'>©2020 星辰大海-吊装租赁 版权所有</p>
                            <p><span class='s_footer_support'>本站使用<a href='' target='_blank' class='s_footer_anchor jz_hover jz_theme_font_hover_color'><i
                                    class='s_footer_support_icon faisco-icons-S000101'></i>星辰大海</a>搭建</span><span class='s_footer_spance'>|</span><a
                                    href='https://i.fkw.com?cacct=fkwznkj10' target='_blank' class='s_footer_anchor jz_hover jz_theme_font_hover_color'
                                    id='adminHref'>管理登录</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<script src="../bootstrap/js/bootstrap3.min.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.min.js"></script>
<script src="../bootstrap-table/bootstrap-table.js"></script>
<script src="../bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script>
    e("<a  class=\"btn btn-link\" href=\"/login\" role=\"button\" style=\"border-style: none;margin-left: 100px;font-size: 18px;color: #cecece;font-weight: 500\">登录</a>\n" +
        "            <a class=\"btn btn-link\" href=\"/registered\" role=\"button\" style=\"border-style: none;font-size: 18px;color: #cecece;font-weight: 500\">注册</a>")

    function e (a){
        var n = $("#judgeLogin");
        var str =window.sessionStorage.getItem("username");
        if (str != null){
            var username = str;
            console.log(username);
            n.append(" <a class='btn btn-link' id='userbtn' href='/userInfo' style='font-size: 15px; border-style: none;color: #cecece;font-weight: 500' >"+username+"</a><a  class='btn btn-link' href='/logout' id='logoutbtn' style='border-style: none;color: #cecece;font-weight: 500' >退出</a>")
        }  else{
            n.append(a);
        }
    };
    $("#menu").mouseover(function () {
        $("#userbtn").removeClass("hidden");
        $("#logoutbtn").removeClass("hidden")
    });
    $("#menu").mouseout(function () {
        $("#userbtn").addClass("hidden");
        $("#logoutbtn").addClass("hidden")
    });
</script>
</html>
